import React from 'react'
import ReactDOM from 'react-dom/client'

// 对html设置基准值
import 'lib-flexible'

import './assets/reset.css'

import { Button } from 'antd-mobile'
// 手动按需加载 -- 导入一个组件，你必须手动把对应的css文件导入到当前的项目
// import 'antd-mobile/lib/button/style/css'

// 完整引入 -- 打包时入口文件会很大，打开首页会慢，会有白屏等待，不友好
// 导入完整的ant-mobile样式库
// import 'antd-mobile/dist/antd-mobile.css'

// 自动对样式进行按需加载
// yarn add -D  babel-plugin-import

// 定义当前项目的路由模式
import { BrowserRouter as Router } from 'react-router-dom'
// react-redux用来管理全局组件中调用redux的数据
// import { Provider } from 'react-redux'
// import store from './store'

String.prototype.toSearch = function () {
  let urlSearch = this.toString()
  const searchParams = new URLSearchParams(urlSearch)
  return Object.fromEntries(searchParams.entries())
}

const root = ReactDOM.createRoot(document.getElementById('root'))
root.render(
  <Router>
    <div>
      <div className="title">你好</div>
      <Button>Start</Button>
      <Button type="primary">primary</Button>
    </div>
  </Router>
)
